// 对于axios二次封装
import axios from 'axios'
// 引入进度条
import nprogress from 'nprogress'
// 引入进度条样式
import "nprogress/nprogress.css"
// start：进度条开始 done:进度条结束

// 1.利用axios的create创建一个axios实例
const request = axios.create({
    // 基础路径，发送请求时都会出现的api
    baseURL: "http://gmall-h5-api.atguigu.cn/api",
    // 代表请求超时的时间5s
    timeout: 5000
})
// 请求拦截器：在发送请求之前可以拦截到，可以在请求发出之前做一西恩事情
request.interceptors.request.use((config) => {
    // config:配置对象，对象里面有一个属性很重要，headers请求头
    // 进度条开始
    nprogress.start()
    return config
})
// 响应拦截器
request.interceptors.response.use((res) => {
    // 成功的回调函数：服务器相应数据回来以后，响应拦截器可以检测到，可以做一些事情
    // 进度条结束
    nprogress.done()
    return res.data
}, (error) => {
    // 响应失败的回调函数,可以输出错误
    console.log(error)
    return Promise.reject(new Error('falie'))
})
// 对外暴露
export default request